import React, { Component } from 'react'

export default class App extends Component {
    a = 100;
    render() {
        return (
            <div>
                <input />
                <button onClick={() => {
                    console.log("click1", "处理逻辑过多不推荐", this.a);
                }}>add1</button>
                {/* 下面这种方法不推荐，因为其会涉及到 this 作用域问题 */}
                <button onClick={this.handlerClick2.bind(this)}>add2</button> 
                {/* 如果不传参可以使用该方式来处理 */}
                <button onClick={this.handlerClick3}>add3</button>
                <button onClick={() => {
                    this.handlerClick4();// 推荐使用，可以传参数
                }}>add4</button>
            </div>
        )
    }
    handlerClick2() {
        console.log("handlerClick2", this);
    }
    handlerClick3 = (evt) => {
        console.log("handlerClick3", this.a, evt.target);
    }
    handlerClick4 = () => {
        console.log("handlerClick4", this.a);
    }
}
